<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="../node_modules/aos/dist/aos.css">
  <link rel="stylesheet" href="https://www.lookroot.cn/assets/css/0.styles.c8e2e684.css?__WB_REVISION__=602650ac76acb629f0f7825d92f5d29b">
  <script src="../node_modules/aos/dist/aos.js"></script>
</head>
<body>
<div style="transition: all 0.25s ease-in-out 0s; transform: translateY(0px); opacity: 1;">
  <div class="hero" style="background:gray;height:450px;text-align:center;overflow:hidden;"><div class="mask" style="background:url(https://www.lookroot.cn/bg.jpg) center/cover no-repeat;"></div> <!----> <h1 style="transition: all 0.25s ease-in-out 0.04s; transform: translateY(0px); opacity: 1;">
    lookroot的个人空间
  </h1> <p class="description" style="transition: all 0.25s ease-in-out 0.08s; transform: translateY(0px); opacity: 1;">
    追求理想与现实的平衡
  </p> <!----></div>
  <h1>喝多的话</h1>
  <h1>喝多的话</h1>
  <h1>喝多的话</h1>
  <h1>喝多的话</h1>
  <h1>喝多的话</h1>
  <h1>喝多的话</h1>
  <h1>喝多的话</h1>
  <h1>喝多的话</h1>
  <h1>喝多的话</h1>
  <h1>喝多的话</h1>
</div>

<div style="width: 500px;height: 500px;background: pink" data-aos="zoom-in"></div>
<script>
  AOS.init({
    easing: 'ease-in-out-sine'
  });
</script>
</body>
</html>